<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<link rel="stylesheet" type="text/css"
	href="./script/yui/build/reset-fonts-grids/reset-fonts-grids.css">
<!-- CSS for Menu -->
<link rel="stylesheet" type="text/css"
	href="./script/yui/build/menu/assets/skins/sam/menu.css">

<script type="text/javascript"
	src="./script/yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript"
	src="./script/yui/build/container/container_core.js"></script>


<!-- Menu source file -->
<script type="text/javascript" src="./script/yui/build/menu/menu.js"></script>

<!-- Page-specific script -->
<script type="text/javascript">

            /*
                 Initialize and render the MenuBar when its elements are ready 
                 to be scripted.
            */

            YAHOO.util.Event.onContentReady("productsandservices", function () {

                /*
                     Instantiate a MenuBar:  The first argument passed to the 
                     constructor is the id of the element in the page 
                     representing the MenuBar; the second is an object literal 
                     of configuration properties.
                */

                var oMenuBar = new YAHOO.widget.MenuBar("productsandservices", { 
                                                            autosubmenudisplay: true, 
                                                            hidedelay: 750, 
                                                            lazyload: true });

                /*
                     Call the "render" method with no arguments since the 
                     markup for this MenuBar instance is already exists in 
                     the page.
                */

                oMenuBar.render();

            });

        </script>

<div class="yui-skin-sam" id="yahoo-com">
<div id="bd"><!-- start: primary column from outer template -->
<div id="yui-main">
<div class="yui-b"><!-- start: stack grids here -->
<div id="productsandservices" class="yuimenubar yuimenubarnav">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenubaritem first-of-type"><a
		class="yuimenubaritemlabel" href="index.htm">Home</a></li>
	<li class="yuimenubaritem first-of-type"><a
		class="yuimenubaritemlabel" href="task.htm?method=list">Tasks</a>
	<div id="communication" class="yuimenu">
	<div class="bd">
	<ul>
		<li class="yuimenuitem"><a class="yuimenuitemlabel"
			href="http://360.yahoo.com">Task manage</a></li>
		<li class="yuimenuitem"><a class="yuimenuitemlabel"
			href="http://360.yahoo.com">Time manage</a></li>
	</ul>
	</div>
	</div>
	</li>
	<li class="yuimenubaritem"><a class="yuimenubaritemlabel"
		href="http://entertainment.yahoo.com">Information</a>
	<div id="shopping" class="yuimenu">
	<div class="bd">
	<ul>
		<li class="yuimenuitem"><a class="yuimenuitemlabel"
			href="http://downloads.yahoo.com">Account</a></li>
		<li class="yuimenuitem"><a class="yuimenuitemlabel"
			href="http://finance.yahoo.com">Bookmark</a></li>
		<li class="yuimenuitem"><a class="yuimenuitemlabel"
			href="http://health.yahoo.com">Article</a></li>
		<li class="yuimenuitem"><a class="yuimenuitemlabel"
			href="http://local.yahoo.com">Contact</a></li>
	</ul>
	</div>
	</div>
	</li>
	<li class="yuimenubaritem"><a class="yuimenubaritemlabel"
		href="http://entertainment.yahoo.com">Admin</a>
	<div id="entertainment" class="yuimenu">
	<div class="bd">
	<ul>
		<li class="yuimenuitem"><a class="yuimenuitemlabel"
			href="http://downloads.yahoo.com">User manage</a></li>
		<li class="yuimenuitem"><a class="yuimenuitemlabel"
			href="http://finance.yahoo.com">Role mange</a></li>
	</ul>
	</div>
	</div>
	</li>
	<li class="yuimenubaritem"><a class="yuimenubaritemlabel" href="#">Help</a>
	<div id="information" class="yuimenu">
	<div class="bd">
	<ul>
		<li class="yuimenuitem"><a class="yuimenuitemlabel"
			href="http://downloads.yahoo.com">About</a></li>
		<li class="yuimenuitem"><a class="yuimenuitemlabel"
			href="http://finance.yahoo.com">Help</a></li>
	</ul>
	</div>
	</div>
	</li>
</ul>
</div>
</div>
<!-- end: stack grids here --></div>
</div>
</div>
</div>